<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>千图网</title>
		<link rel="stylesheet" href="style.css" />
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
		<script src="bootstrap/js/jquery.min.js"></script>
    	<script src="bootstrap/js/bootstrap.min.js"></script>
	</head>
	<body>
	<form>
		<header>
			<div class="top1">
				<div class="left">
					<div class="chat"><a href="#"><span class="qqjt">QQ交谈</span></a></div>
					<div class="group"><a href="#"><span class="gfqqq">官方QQ群</span></a></div>
					<div><a href="#" class="cjwt">常见问题</a></div>
				</div>
				<div class="right">
					<div><a href="#"><span class="wxdl">微信登录</span></a></div>
					<div><a href="#"><span class="qqdl">QQ登录</span></a></div>
					<div class="r1">
						<a href="#" class="dl">登录</a>
						 <a href="#" class="zc">注册</a>
						 <a href="#" class="dwzq">点我赚钱</a>
					</div>
				</div>
			</div>
			<div class="top2">
				<div class="s2"></div>
				<div class="s1">
					<p>
						<a href="#">首页</a>
						<a href="#">原创设计</a>
						<a href="#">广告设计</a>
						<a href="#">淘宝设计</a>
						<a href="#">素材分类</a>
						<a href="#">千图灵感</a>
						<a href="#">设计工具</a>
						<a href="#">活动</a>
						<a href="#">VIP特权</a>
					</p>
				</div>
			</div>
			<div class="top3">
				<ul>
					<li>
						<h3>专注免费设计素材网站</h3>
					</li>
					<li>
						<input type="text" class="content-box" placeholder="800万张免费设计素材任意下载" />
					</li>
					<li>
						<button class="qz">搜全站</button>
						<button class="yc">搜原创</button>
					</li>
				</ul>
			</div>
		</header>
		<center>
			<div class="content1">
				
				<!--<a href="#" class="banner_img_a show"><img src="千图网图片/images/images/58783171a9fe3.jpg" alt=""/></a>
				<a href="#" class="banner_img_a"><img src="千图网图片/images/images/58747a1d7fe0f.png" alt=""/></a>
				<a href="#" class="banner_img_a"><img src="千图网图片/images/images/58783295e26b6.png" alt=""/></a>
				<a href="#" class="banner_img_a"><img src="千图网图片/images/images/58783a5b32712.png" alt=""/></a>
				<a href="#" class="banner_img_a"><img src="千图网图片/images/images/5875a90e58027.png" alt=""/></a>
				<a href="#" class="banner_img_a"><img src="千图网图片/images/images/587834359671c.jpg" alt=""/></a>
				<a href="#" class="banner_img_a"><img src="千图网图片/images/images/5874782b3d557.jpg" alt=""/></a>
				<a href="#" class="banner_img_a"><img src="千图网图片/images/images/5876e7ed2e514.png" alt=""/></a>
			
				<a class="left carousel-control" href="#my-Carousel" role="button" data-slide="prev">
            		<span class="glyphicon glyphicon-chevron-left"></span>
            		<span class="sr-only">Previous</span>
          		</a>
          		<a class="right carousel-control" href="#my-Carousel" role="button" data-slide="next">
            		<span class="glyphicon glyphicon-chevron-right"></span>
            		<span class="sr-only">Next</span>
          		</a>
			-->
				<!--<a href="#"><img src="千图网图片/images/images/58783171a9fe3.jpg"/></a>
				<a href="#"><img src="千图网图片/images/images/58747a1d7fe0f.png"/></a>
				<a href="#"><img src="千图网图片/images/images/58783295e26b6.png"/></a>
				<a href="#"><img src="千图网图片/images/images/58783a5b32712.png"/></a>
				<a href="#"><img src="千图网图片/images/images/5875a90e58027.png"/></a>
				<a href="#"><img src="千图网图片/images/images/587834359671c.jpg"/></a>
				<a href="#"><img src="千图网图片/images/images/5874782b3d557.jpg"/></a>
				<a href="#"><img src="千图网图片/images/images/5876e7ed2e514.png"/></a>-->
        <!--data-interval="2000": 设置轮播图切换的时间间隔.-->
        <div id="my-Carousel" class="carousel slide" data-ride="carousel" data-interval="2000">
          <!--1. Indicators:轮播图指示器 -->
          <ol class="carousel-indicators">
            <li data-target="#my-Carousel" data-slide-to="0" class="active"></li>
            <li data-target="#my-Carousel" data-slide-to="1"></li>
            <li data-target="#my-Carousel" data-slide-to="2"></li>
            <li data-target="#my-Carousel" data-slide-to="3"></li>
            <li data-target="#my-Carousel" data-slide-to="4"></li>
            <li data-target="#my-Carousel" data-slide-to="5"></li>
            <li data-target="#my-Carousel" data-slide-to="6"></li>
            <li data-target="#my-Carousel" data-slide-to="7"></li>
          </ol>
      
          <!-- 2.Wrapper for slides,具体的轮播图内容 -->
          <div class="carousel-inner" role="listbox">
              <!--.item表示具体要展示的轮播图的项目-->
            <div class="item active">
              <img src="千图网图片/images/images/58783171a9fe3.jpg" alt="...">
              <!--.carousel-caption:表示给内容加的标题-->
              <div class="carousel-caption">
                  第一张图片
              </div>
            </div>
            <div class="item">
              <img src="千图网图片/images/images/58747a1d7fe0f.png" alt="...">
              <div class="carousel-caption">
                  第二张图片
              </div>
            </div>
            <div class="item">
              <img src="千图网图片/images/images/58783295e26b6.png" alt="...">
              <div class="carousel-caption">
                  第三张图片
              </div>
            </div>
            <div class="item">
              <img src="千图网图片/images/images/58783a5b32712.png" alt="...">
              <div class="carousel-caption">
                  第四张图片
              </div>
            </div>
            <div class="item">
              <img src="千图网图片/images/images/5875a90e58027.png" alt="...">
              <div class="carousel-caption">
                  第五张图片
              </div>
            </div>
            <div class="item">
              <img src="千图网图片/images/images/587834359671c.jpg" alt="...">
              <div class="carousel-caption">
                  第六张图片
              </div>
            </div>
            <div class="item">
              <img src="千图网图片/images/images/5874782b3d557.jpg" alt="...">
              <div class="carousel-caption">
                  第七张图片
              </div>
            </div>
            <div class="item">
              <img src="千图网图片/images/images/5876e7ed2e514.png" alt="...">
              <div class="carousel-caption">
                  第八张图片
              </div>
            </div>
          </div>

          <!-- 3.Controls 左右切换轮播图内容的控制器 -->
          <a class="left carousel-control" href="#my-Carousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#my-Carousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>
	</div>
			<div class="content2">
				<div class="yczq">
					<h3><a href="#">原创VIP专区</a></h3>
				</div>
				<div class="pmgg">
					<h3><a href="#">平面/广告</a></h3>
				</div>
				<div class="tbsj">
					<h3><a href="#">淘宝设计</a></h3>
				</div>
				<div class="snsj">
					<h3><a href="#">室内设计</a></h3>
				</div>
				<div class="wysj">
					<h3><a href="#">网页/UI设计</a></h3>
				</div>
				<div class="ysmt">
					<h3><a href="#">影视/媒体</a></h3>
				</div>
				<div class="fzsj">
					<h3><a href="#">服装设计</a></h3>
				</div>
			</div>
			<div class="content3">
				<div class="kfsc">
					<p>
						<a href="#"><img src="千图网图片/images/images/icon01.png"/>
						开发手册
						</a>
					</p>
				</div>
				<div class="tbk">
					<p>
						<a href="#"><img src="千图网图片/images/images/icon02.png"/>
						UI图标库
						</a>
					</p>
				</div>
				<div class="tbgj">
					<p>
						<a href="#"><img src="千图网图片/images/images/icon03.png"/>
						淘宝工具
						</a>
					</p>
				</div>
				<div class="psgj">
					<p>
						<a href="#"><img src="千图网图片/images/images/icon04.png"/>
						配色工具
						</a>
					</p>
				</div>
				<div class="wygj">
					<p>
						<a href="#"><img src="千图网图片/images/images/icon01-05.png"/>
						网页工具
						</a>
					</p>
				</div>
				<div class="tbb">
					<p>
						<a href="#"><img src="千图网图片/images/images/icon02-06.png"/>
						图标宝
						</a>
					</p>
				</div>
				<div class="hcb">
					<p>
						<a href="#"><img src="千图网图片/images/images/icon01-07.png"/>
						画册宝
						</a>
					</p>
				</div>
				<div class="zxsf">
					<p>
						<a href="#"><img src="千图网图片/images/images/icon02-08.png"/>
						在线书法
						</a>
					</p>
				</div>
				<div class="dspx">
					<p>
						<a href="#"><img src="千图网图片/images/images/icon01-09.png"/>
						电商培训
						</a>
					</p>
				</div>
				<div class="dpzxdm">
					<p>
						<a href="#"><img src="千图网图片/images/images/icon02-10.png"/>
						店铺装修代码
						</a>
					</p>
				</div>
				<div class="gdsjgj">
					<p><a href="#">更多设计工具</a></p>
				</div>
			</div>
			<div class="content4">
				<div class="gd">
					<p><a href="#">热门专题</a></p>
					<div><a href="#">更多</a></div>
				</div>
				<div class="p1">
					<div class="cyhb">
						<p>
							<img src="千图网图片/images/images/pic01.png"/>
							<a href="#">创意海报</a>
						</p>
					</div>
					<div class="jn">
						<p>
							<img src="千图网图片/images/images/pic01-12.png"/>
							<a href="#">鸡年ppt</a>
						</p>
					</div>
					<div class="xqysbjj">
						<p>
							<img src="千图网图片/images/images/pic01-13.png"/>
							<a href="#">喜庆元素背景集</a>
						</p>
					</div>
					<div class="nhjx">
						<p>
							<img src="千图网图片/images/images/pic01-14.png"/>
							<a href="#">年会精选</a>
						</p>
					</div>
					<div class="scjx">
						<p>
							<img src="千图网图片/images/images/pic01-15.png"/>
							<a href="#">【放假通知】素材精选</a>
						</p>
					</div>
				</div>
				<div class="p2">
					<p>
						<a href="#">友情链接</a>
						<a href="#">新素材</a>
						<a href="#">新搜索</a>
						<a href="#">热门素材</a>
						<a href="#">热门ppt素材</a>
						<a href="#">热门淘宝素材</a>
						<a href="#">热门装饰素材</a>
						<a href="#">热门专题</a>
						<a href="#">搜索地图</a>
					</p>
				</div>
				<hr/ style="width: 1000px;">
				<div class="p3">
					<p class="yqlj1">
						千图样机  我图网  90设计  摄图网  微信公众平台  图片之家  UI图标库  背景图片
    					精品素材  千广网  折800官网  深圳地图  背景墙  找工作  PPT模板  爱奇艺广告
                                              装修资讯  视频素材  天气预报查询  包图网  123网址之家  壁纸  QQ头像  电脑壁纸
    					淮安新闻网  山东门户  经典语录  qq个性签名  PS教程网  我图素材下载  比克尔下载
    					图片大全  老男人  壁纸  小清新图片  男士时尚  QQ个性签名  QQ分组  奶茶图片  创意图案
    					更多>>  友情链接请联系 QQ：948531617  要求：PR≥4，百度权重≥7
					</p>
				</div>
			</div>
		</center>
		<bottom>
			<div class="a1">
				<div class="a2">
					<p>
						<a href="#">官方微博</a>
						<a href="#">常见问题</a>
						<a href="#">版权声明</a> 
						<a href="#">商务合作</a>
						<a href="#">售后服务</a> 
						<a href="#">新素材</a>
						<a href="#">图片下载</a> 
						<a href="#">素材专题</a>
						<a href="#">千图导航</a>  
						客服电话：400-998-7011 <br />  
						千图网素材为用户免费分享产生，若发现您的权利被侵害，请联系tousu@58pic.com ，我们尽快处理 <br />
						Copyright © 2015<a href="#">千图网</a> 沪ICP备10011451号-6 用时：0.0104 0.456 秒  上海工商
					</p>
					<div class="qtw"></div>
				</div>
			</div>
		</bottom>
	</form>
	</body>
</html>
